<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商城官网</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/trends.css ">
</head>

<body>
  <!-- 1.头部 -->
  <div class="head">
    <div class="center">
      <div class="left">
        <h5>
          <img src="./img/clock.png">
          <span>在线时间 08:30~21:30</span>
        </h5>

        <p>
          欢迎访问家用设备在线商城!
        </p>
      </div>

      <div class="right">
        <ul>
          <li><a href="#">登录</a></li>
          <li><a href="#">注册</a></li>
          <li><a href="#"><img src="./img/gwc.png"><span>1</span></a></li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 导航栏 -->
  <div class="nav">
    <div class="center">
      <h3>XXX官网商城</h3>
      <div class="other">
        <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">所有商品</a></li>
          <li><a href="#">商城动态</a></li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">线下门店</a></li>
        </ul>
        <div class="search">
          <input type="text" placeholder="请输入关键字">
          <button>搜索</button>
        </div>
      </div>
    </div>
  </div>

  <!-- 3.breadcrumbs -->
  <div class="breadcrumbs">
    <div class="center">
      <a href="#">首页</a> / <span>所有商品</span>
    </div>
  </div>

  <div class="trends">
    <div class="center">
      <ul>
        <li>
          <div class=".left">
            <img src="./img/p48.jpg" alt="">
          </div>
          <div class=".right">
            <h4>AI 眼中的人类世界：带着“偏见”，而且审美F有些“黑暗”</h4>
            <div>
              <span>发布日期: 2017.07.13</span>
              <span>分类: 全部资讯 商城动态 </span>
            </div>
            <p>从一九四七年巴黎蒙田大街30号（30 Avenue Montaigne）New Look的展出开始，Dior就成为高级女装的代名词,
              继承了法国高级女装的传统，始终保持华丽的设计路线，做工精细，迎合上流社会成熟女性的审美品味，象征着法国时装文化的最高精神。</p>
          </div>
        </li>

        <li>
          <div class=".left">
            <img src="./img/p49.jpg" alt="">
          </div>
          <div class=".right">
            <h4>硅谷AI人才竞争白热化:几年经验年薪就高达50万美元</h4>
            <div>
              <span>发布日期: 2017.05.16</span>
              <span>分类: 全部资讯 商城动态 </span>
            </div>
            <p>在担任Saint Laurent创意总监近一年后，Anthony Vaccarello接受了《T》的独家专访。一个合格的接班人需要经受什么样的洗礼才能续写这间法国时装屋的辉煌历史Saint Laurent的三个时装屋。</p>
          </div>
        </li>

        <li>
          <div class=".left">
            <img src="./img/p50.jpg" alt="">
          </div>
          <div class=".right">
            <h4>马斯克:特斯拉车载人工智能将能预测乘客目的地</h4>
            <div>
              <span>发布日期: 2017.05.16</span>
              <span>分类: 全部资讯 商城动态 </span>
            </div>
            <p>1月19日晚，享有“时尚教父”之称的皮尔·卡丹在被誉为名流雅致生活之镜的巴黎马克西姆餐厅，首次发布马克西姆品牌高级珠宝。数十件熠熠生辉的奢华珠宝，以“美好时代”为主题，与一百多年历史的马克西姆餐厅风格互为辉映，再现了巴黎19世纪末20世纪初那个被史学界誉为“美好年代”的金色时光。</p>
          </div>
        </li>

        <li>
          <div class=".left">
            <img src="./img/p51.jpg" alt="">
          </div>
          <div class=".right">
            <h4>AI人才有多贵?年薪三五十万美元起步,高校教授大量投身工业界</h4>
            <div>
              <span>发布日期: 2017.05.16</span>
              <span>分类: 全部资讯 商城动态 </span>
            </div>
            <p>从一九四七年巴黎蒙田大街30号（30 Avenue Montaigne）New Look的展出开始，Dior就成为高级女装的代名词,
              继承了法国高级女装的传统，始终保持华丽的设计路线，做工精细，迎合上流社会成熟女性的审美品味，象征着法国时装文化的最高精神。</p>
          </div>
        </li>

        <li>
          <div class=".left">
            <img src="./img/p52.jpg" alt="">
          </div>
          <div class=".right">
            <h4>AI 眼中的人类世界：带着“偏见”，而且审美F有些“黑暗”</h4>
            <div>
              <span>发布日期: 2017.07.13</span>
              <span>分类: 全部资讯 商城动态 </span>
            </div>
            <p>从一九四七年巴黎蒙田大街30号（30 Avenue Montaigne）New Look的展出开始，Dior就成为高级女装的代名词,
              继承了法国高级女装的传统，始终保持华丽的设计路线，做工精细，迎合上流社会成熟女性的审美品味，象征着法国时装文化的最高精神。</p>
          </div>
        </li>

        <li>
          <div class=".left">
            <img src="./img/p53.jpg" alt="">
          </div>
          <div class=".right">
            <h4>AI 眼中的人类世界：带着“偏见”，而且审美F有些“黑暗”</h4>
            <div>
              <span>发布日期: 2017.07.13</span>
              <span>分类: 全部资讯 商城动态 </span>
            </div>
            <p>从一九四七年巴黎蒙田大街30号（30 Avenue Montaigne）New Look的展出开始，Dior就成为高级女装的代名词,
              继承了法国高级女装的传统，始终保持华丽的设计路线，做工精细，迎合上流社会成熟女性的审美品味，象征着法国时装文化的最高精神。</p>
          </div>
        </li>

        <li>
          <div class=".left">
            <img src="./img/p49.jpg" alt="">
          </div>
          <div class=".right">
            <h4>AI 眼中的人类世界：带着“偏见”，而且审美F有些“黑暗”</h4>
            <div>
              <span>发布日期: 2017.07.13</span>
              <span>分类: 全部资讯 商城动态 </span>
            </div>
            <p>从一九四七年巴黎蒙田大街30号（30 Avenue Montaigne）New Look的展出开始，Dior就成为高级女装的代名词,
              继承了法国高级女装的传统，始终保持华丽的设计路线，做工精细，迎合上流社会成熟女性的审美品味，象征着法国时装文化的最高精神。</p>
          </div>
        </li>

        <li>
          <div class=".left">
            <img src="./img/p50.jpg" alt="">
          </div>
          <div class=".right">
            <h4>AI 眼中的人类世界：带着“偏见”，而且审美F有些“黑暗”</h4>
            <div>
              <span>发布日期: 2017.07.13</span>
              <span>分类: 全部资讯 商城动态 </span>
            </div>
            <p>从一九四七年巴黎蒙田大街30号（30 Avenue Montaigne）New Look的展出开始，Dior就成为高级女装的代名词,
              继承了法国高级女装的传统，始终保持华丽的设计路线，做工精细，迎合上流社会成熟女性的审美品味，象征着法国时装文化的最高精神。</p>
          </div>
        </li>

        <li>
          <div class=".left">
            <img src="./img/p51.jpg" alt="">
          </div>
          <div class=".right">
            <h4>AI 眼中的人类世界：带着“偏见”，而且审美F有些“黑暗”</h4>
            <div>
              <span>发布日期: 2017.07.13</span>
              <span>分类: 全部资讯 商城动态 </span>
            </div>
            <p>从一九四七年巴黎蒙田大街30号（30 Avenue Montaigne）New Look的展出开始，Dior就成为高级女装的代名词,
              继承了法国高级女装的传统，始终保持华丽的设计路线，做工精细，迎合上流社会成熟女性的审美品味，象征着法国时装文化的最高精神。</p>
          </div>
        </li>
      </ul>
    </div>
  </div>


  <!-- 11页尾 -->
  <div class="foot">
    <!-- 12页尾1 -->
    <div class="foot1">
      <div class="center">
        <div class="left">
          <ul>
            <li>
              <h4>About Change</h4>
              <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
            </li>

            <li>
              <h4>Service</h4>
              <p>消費者保障服务</p>
              <p>七天无理由退款</p>
              <p>假一赔三</p>
            </li>

            <li>
              <h4>About Color</h4>
              <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
            </li>

            <li>
              <h4>Online Payment</h4>
              <p>
                <img src="./img/yinglian.png" alt="">
                <img src="./img/zhifubao.png" alt="">
                <img src="./img/weixin.png" alt="">
              </p>
            </li>

            <li>
              <h4>Online Payment</h4>
              <p>非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
            </li>

            <li>
              <h4>Wechat</h4>
              <p>非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
            </li>
          </ul>
        </div>

        <div class="right">
          <div>
            <h4>Social App</h4>
            <img src="./img/app.png" alt="">
          </div>
        </div>
      </div>
    </div>

    <!-- 13页尾2 -->
    <div class="foot2">
      <div class="center">
        <ul>
          <li>
            <h4>关于产品</h4>
            <span>about color</span>
            <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
          </li>

          <li>
            <h4>关于退货</h4>
            <span>about change</span>
            <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
          </li>

          <li>
            <h4>责任声明</h4>
            <span>about color</span>
            <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
          </li>

          <li>
            <h4>扫码关注</h4>
            <span>about change</span>
            <img src="./img/erweima.jpg" alt="">
            <p>搜索微信号: youzhifang17</p>
          </li>
        </ul>
      </div>
    </div>
  </div>
</body>

</html>